<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>其他美景</title>
    <link rel="stylesheet" href="./css/qita.css">
</head>
<body>
<div id="mt">
    <!-- 标题区 -->
    <section class="center">
        <h2>校园其他美景</h2>
        <p>以下图片均来自同学拍摄，总有一张你喜欢的。</p>
    </section>
    <!-- 图片区 -->
    <figure><a href="">
        <img src="./img/qt1.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            校园晚霞
            </div>
            <div class="info">
            </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt2.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            花
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt3.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            楼梯间
            </div>
            <div class="info">
            </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt4.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            秋
            </div>
            <div class="info">
            </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt5.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            校园晚霞
            </div>
            <div class="info">
            </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt6.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            校园小路
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt7.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            校园晚霞
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt8.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            湖边
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt9.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            校园晚霞
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt10.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            《十六字令》
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt11.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            雨中篮球场
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
    <figure><a href="">
        <img src="./img/qt12.jpg" alt=""></a>
        <figcaption>
            <div class="mt_title">
            田径场
            </div>
            <div class="info">
                </div>
            <div class="type">校园美图</div>
        </figcaption>
    </figure>
</div>
<div class="footer">
    <div class="foot">
        <a href="#mt"><span>回到顶部</span></a>|<a href="./xyfg.html" target="_self"><span>回到上一层</span></a>
        <p>图片仅用于实训</p>
    </div>
</div>
</body>
</html>